<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>09-综合案例-新闻</title>

  <style>
    body {
      font: 16px/28px 'Microsoft YaHei';
    }

    h1 {
      /* 文字不加粗 */
      font-weight: 400;
      /* 文本居中 */
      text-align: center;
    }

    a {
      text-decoration: none;
    }

    .gary {
      color: #888888;
      font-size: 12px;
      text-align: center;
    }

    .btn {
      font-weight: 700;
    }

    p {
      /* 首行缩进2个字的距离 */
      text-indent: 2em;
    }

    .pic {
      /* 想要图片居中对齐 需要给它的父元素添加 */
      text-align: center;
    }

    .footer {
      color: #888888;
      font-size: 12px;
    }

    
  </style>

</head>

<body>

  <h1>04月17日：未来三天全国天气预报</h1>
  <div class="gary">
    2020-04-17 08:00:00 来源: <a href="#">中国天气网</a>
    <input type="text" placeholder="请输入查询条件" class="search"> <button class="btn">搜索</button>
  </div>
  <hr>

  <p>西南地区东部江南等地将有降水过程</p>

  <h4>一、昨日内蒙古河北辽宁山东等地部分地区出现中雨或大雨</h4>

  <p>昨日，内蒙古东南部、河北东北部、辽宁西部和南部、山东半岛等地部分地区降中雨或大雨，辽宁丹东和鞍山等局地暴雨（50～74毫米）；云南南部部分地区降小到中雨，西双版纳局地大雨；另外，新疆南疆盆地、内蒙古西部、甘肃西部、青海北部等地出现扬沙和浮尘，新疆和田、青海海西州出现沙尘暴。</p>

  <p class="pic">
    <img src="weather.jpg" alt="">
  </p>

  <h4>二、重点天气预报</h4>

  <p>1.西南地区东部江南等地将有降水过程</p>

  <p>受低涡切变线东移影响，17日至18日，我国中东部地区将迎来一次大范围降水过程。预计西南地区东部、江南西部和北部、江汉南部、江淮、华南西北部等地将出现中到大雨，局地暴雨，上述部分地区将出现短时强降水，局地将出现雷暴大风或冰雹天气/p>

 <h4>三、未来三天具体预报</h4>

  <p>4月17日08时至18日08时，陕西南部、四川东北部、重庆、贵州大部、湖南北部、湖北西部和东南部、江西西北部等地的部分地区有中到大雨，其中，四川东北部、重庆西北部、贵州中北部和东南部等地局地有暴雨（50～60毫米）。新疆南疆盆地、西北地区中东部、华北、黄淮等地的部分地区有4～6级及以上风（见图1）。</p>


  <p>4月18日08时至19日08时，陕西东南部、西藏东南部、西南地区东部、江淮大部、江汉南部、江南北部和西部、广西北部等地部分地区有中到大雨，其中，湖南东北部、江西北部、安徽南部、广西东北部等地局地有暴雨（50～65毫米）。新疆东部和南疆盆地、内蒙古西部、青海东部等地部分地区有4～6级风（见图2）。</p>



  <p>4月19日08时至20日08时，南疆盆地、内蒙古中东部、西北地区中部和东南部、东北地区大部、华北北部、西藏大部、西南地区北部和东部、江汉西部、江南大部、华南大部等地部分地区有小到中雨，其中，西藏东南部、重庆中部等地部分地区有大雨或暴雨。新疆东部和南疆盆地、内蒙古中部、青海中西部、甘肃河西等地的部分地区有4～6级风（见图3）。</p>

  <div class="footer">来源: 小陈记者</div>

</body>

</html>